<template>
  <div>
    <h1>测试地图</h1>
    <button @click="nav(0,0,'测试地址')">进入腾讯地图</button>
    <button @click="nav1(24.47951,118.08948,'测试地址')">进入高德地图</button>
  </div>
</template>

<script>

import { LocalDomain } from 'utils/url.js'
import { GetChatJsApiConfig } from 'api/web'
import GetWxJsConfig from 'utils/wechatFunc.js'
export default {

  data() {
    return {
    }
  },
  computed: {
    // offsetTop() {
    //   return parseInt((this.clientWidth / this.$remUnit) * 10) //设置粘性布局时距离顶部距离PX换算
    // }
  },
  mounted() {

  },
  created() {
    console.log(LocalDomain)
    console.log(process.env.VUE_APP_BASE_API)
  },
  activated() {

  },
  methods: {
    nav1(lat, lng, name, address, url) {
      var marker = new AMap.Marker()
      marker.markOnAMAP({ position: [lng, lat], name: name })
    },
    nav(lat, lng, name, address, url) {
      console.log(1)
      GetWxJsConfig(function() {
        console.log(1111111)
        wx.getLocation({
          type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
          success: function(res) {
          // 使用微信内置地图查看位置接口
            console.log(res)
            wx.openLocation({
              latitude: 0, // 纬度，浮点数，范围为90 ~ -90
              longitude: 0, // 经度，浮点数，范围为180 ~ -180。
              name: '我的位置', // 位置名
              address: '329创业者社区', // 地址详情说明
              scale: 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
              infoUrl: 'http://www.gongjuji.net' // 在查看位置界面底部显示的超链接,可点击跳转（测试好像不可用）
            })
          },
          cancel: function(res) {

          }
        })
      })
    }

  }

}
</script>
<style lang="scss" scoped>

</style>
